<template>
  <view class="min-h-screen flex flex-col bg-gray-50">
    <!-- 协议正文（可滚动） -->
    <scroll-view class="flex-1 bg-white pb-2" scroll-y :scroll-with-animation="true">
      <!-- 信息收集 -->
      <view class="m-8">
        <text class="text-lg font-semibold text-gray-800 mb-2 block">一、信息收集</text>
        <view class="space-y-2 ml-2">
          <view class="flex items-start">
            <text class="text-gray-800 mr-2">•</text>
            <text class="text-gray-600">手机号：用于身份核验和预约确认</text>
          </view>
          <view class="flex items-start">
            <text class="text-gray-800 mr-2">•</text>
            <text class="text-gray-600">姓名：用于访客身份识别</text>
          </view>
          <view class="flex items-start">
            <text class="text-gray-800 mr-2">•</text>
            <text class="text-gray-600">访问时间和事由：用于安全管理</text>
          </view>
        </view>
      </view>

      <!-- 信息保护 -->
      <view class="m-8">
        <text class="text-lg font-semibold text-gray-800 mb-2 block">二、信息保护</text>
        <view class="space-y-2 ml-2">
          <view class="flex items-start">
            <text class="text-gray-800 mr-2">•</text>
            <text class="text-gray-600">HTTPS加密传输数据</text>
          </view>
          <view class="flex items-start">
            <text class="text-gray-800 mr-2">•</text>
            <text class="text-gray-600">AES-256加密存储敏感信息</text>
          </view>
          <view class="flex items-start">
            <text class="text-gray-800 mr-2">•</text>
            <text class="text-gray-600">预约完成后6个月内自动删除</text>
          </view>
        </view>
      </view>

      <!-- 用户权利 -->
      <view class="m-8">
        <text class="text-lg font-semibold text-gray-800 mb-2 block">三、用户权利</text>
        <view class="space-y-2 ml-2">
          <view class="flex items-start">
            <text class="text-gray-800 mr-2">•</text>
            <text class="text-gray-600">查询、更正个人信息</text>
          </view>
          <view class="flex items-start">
            <text class="text-gray-800 mr-2">•</text>
            <text class="text-gray-600">申请删除个人数据</text>
          </view>
        </view>
      </view>
    </scroll-view>

    <!-- 底部按钮 -->
    <view class="bg-white p-4 mb-16 border-t border-gray-100">
      <button
        class="w-full bg-blue-500 text-white py-2 rounded-lg"
        @click="handleBack"
      >
        返回
      </button>
    </view>
  </view>
</template>

<script>
export default {
  methods: {
    handleBack() {
      uni.navigateBack()
    }
  }
}
</script>

<style scoped>
</style>